﻿<%@ Control Language="C#" AutoEventWireup="true" EnableViewState="false" CodeBehind="fz.ascx.cs"
    Inherits="ZF.WS.UserControls.Index.fz" %>
<style>
    .fz { width: 468px; float: left; }
    .fz dd{height:126px;}
    .fz td.l { width: 210px; padding-bottom: 10px;height:90px; }
    .fz td.l div  { height:90px;}
    .fz td.l div ul li { float: left; width: 100px; height: 50px; margin: 2px; }
    .fz td.l div ul li img { width: 90px; height: 90px; border: 1px solid #eee; }
    .fz td.l div ul li a { display: block; margin-top: 2px; }
    .fz td.r { vertical-align: top; border-left: 1px solid #D3AA6C; padding-left: 10px; padding-top: 5px; }
    .fz td.r div { height: 108px; overflow: hidden; }
    .fz td.r li { text-align: left; margin-top: 10px; line-height: 14px; padding-left: 5px; background: url(/image/bp.gif) no-repeat 1px 5px; }
</style>
<div class="ct1 content">
    <div class="board  fz mt10_">
        <dl>
            <dt>
                <a href="/fz/list.aspx">
                    佛祖列表</a><a style="margin-left:100px;"> 最新许愿字句</a>
                <a href="/fz/list.aspx" class="more">更多>></a> </dt>
            <dd>
                <table class=" w100_ table000_">
                    <tr>
                        <td class="l" >
                            <div >
                                <ul>
                                    <zf:ListView ID="lvFZ" runat="server">
                                        <LayoutTemplate>
                                            <zf:PlaceHolder ID="itemPlaceHolder" runat="server">
                                            </zf:PlaceHolder>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <li><a href="/fz/life.aspx?id=<%#Eval("BuddhaId") %>">
                                                <img src="/photo/game/<%#Eval("Photo") %>" /></a> <a href="/fz/life.aspx?id=<%#Eval("BuddhaId") %>">
                                                    <%#Eval("Name") %></a> </li>
                                        </ItemTemplate>
                                    </zf:ListView>
                                </ul>
                            </div>
                        </td>
                        <td class="r">
                           
                            <div style="text-align: left;" class="xytxt">
                                <ul>
                                    <zf:ListView ID="lvMsg" runat="server">
                                        <LayoutTemplate>
                                            <zf:PlaceHolder ID="itemPlaceHolder" runat="server">
                                            </zf:PlaceHolder>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <li> <span style="color: #0000FF">[<%#Eval("Name") %>]</span>
                                                <%# Eval("Msg") %></li>
                                        </ItemTemplate>
                                    </zf:ListView>
                                </ul>
                            </div>
    
                        </td>
                    </tr>
                </table>
            </dd>
        </dl>
    </div>
 
    <script type="text/javascript">
 

        //滚动插件
        (function($) {
            $.fn.extend({
                Scroll: function(opt, callback) {
                    //参数初始化
                    if (!opt) var opt = {};
                    var _this = this.eq(0).find("ul:first");
                    var lineH = _this.find("li:first").height(), //获取行高
                        line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height() / lineH, 10), //每次滚动的行数，默认为一屏，即父容器高度
                        speed = opt.speed ? parseInt(opt.speed, 10) : 500, //卷动速度，数值越大，速度越慢（毫秒）
                        timer = opt.timer ? parseInt(opt.timer, 10) : 6000; //滚动的时间间隔（毫秒）
                    if (line == 0) line = 1;
                    var upHeight = 0 - line * lineH;
                    //滚动函数
                    scrollUp = function() {
                        _this.animate({
                            marginTop: upHeight
                        }, speed, function() {
                            for (i = 1; i <= line; i++) {
                                _this.find("li:first").appendTo(_this);
                            }
                            _this.css({ marginTop: 0 });
                        });
                    }
                    //鼠标事件绑定
                    _this.hover(function() {
                        clearInterval(timerID);
                    }, function() {
                        timerID = setInterval("scrollUp()", timer);
                    }).mouseout();
                }
            })
        })(jQuery);

        $(document).ready(function() {
        $(".xytxt").Scroll({ line: 1, speed: 1000, timer: 3000 });
        });
</script>
    
   <style>
   
   .game{ width: 468px; float: left; }
   .game img{ width:121px ; height:71px; margin-bottom:12px; border:1px solid #eee}
   .game div{margin-bottom:12px;}
   </style>
    
    <div class=" board game  mt10_   ml10_">
        <dl>
            <dt>
                 
                    <a href="/game/list.aspx"  >家居装修游戏</a>
                    <a href="/game/list.aspx" class="more">更多>></a>
            </dt>
            
            <dd>
                <table class="w100_ mt10_">
                    <tr>
                        <td>
                           <a href="/game/play.aspx?id=1"> <img src="/game/images/1.gif" /></a>
                            <div>
                                <a href="/game/play.aspx?id=1">我的豪宅</a></div>
                        </td>
                         <td>
                            <a href="/game/play.aspx?id=5"><img src="/game/images/5.jpg" /></a>
                            <div>
                                <a href="/game/play.aspx?id=5">我的豪宅</a></div>
                        </td>
                        
                        <td>
                           <a href="/game/play.aspx?id=3"> <img src="/game/images/3.jpg" /></a>
                            <div>
                                <a href="/game/play.aspx?id=3">我的闰房</a></div>
                        </td>
                    </tr>
                   
                </table>
            </dd>
        </dl>
    </div>
</div>
